﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/OneColumn.master"
    CodeBehind="Tours.aspx.vb" Inherits="Phila.Tours" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="Scripts/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery-ui-1.8.24.min.js" type="text/javascript"></script>
    <script>
        /*$(function () {
        $("#accordion").accordion({
        header: ".block .head" ,
        heightStyle: "content",
        autoHeight: false,
        });
        });*/

        $(function () {
            $('div#accordion > div.block > div.content').hide();
            $('div#accordion > div.show > div.content').show();
            $("#accordion .block .head").click(function () {
                $(this).next('.content').slideToggle("slow");
                $(this).toggleClass("collapse");
            });
            $('#expandall').click(function () {
                $('div#accordion > div.block > div.content').show();
                $('div#accordion > div.block > div.head').addClass('collapse');
                $('div#accordion > div.show > div.head').removeClass('collapse');
            });
            $('#collapseall').click(function () {
                $('div#accordion > div.block > div.content').hide();
                $('div#accordion > div.block > div.head').removeClass('collapse');
                $('div#accordion > div.show > div.head').addClass('collapse');
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <%--<div class="floatright"><asp:Button ID="btnBook2" runat="server" CssClass="form-button btn-orange" Text="Book This Tour" /></div>--%>
    <asp:Literal ID="ltrTitle" runat="server"></asp:Literal>
    <asp:Literal ID="ltrSubTitle" runat="server"></asp:Literal>
    <asp:Label ID="lblMsg" runat="server" Visible="false"></asp:Label>
    <div class="contentpane">
        <asp:Panel ID="plTourList" runat="server">
            <div class="tour-list">
                <asp:DataList ID="dlTours" runat="server" RepeatColumns="3" ItemStyle-VerticalAlign="Top">
                    <ItemTemplate>
                        <div class="tour-container">
                            <span class="curves ctop"></span><span class="curves cbot"></span>
                            <div class="image">
                                <a href='<%# Eval("Id", "Zones.aspx?cid={0}") %>'>
                                    <asp:Image ID="imgThumb" runat="server" ImageUrl='<%# Eval("Thumbnail", "~/Images/Img/{0}") %>' /></a>
                            </div>
                            <div class="title">
                                <a href='<%# Eval("Id", "Zones.aspx?cid={0}") %>'>
                                    <asp:Label ID="lblName" runat="server" Text='<%# Eval("Name") %>' /></a></div>
                            <div class="summary">
                                <asp:Label ID="lblSummary" runat="server" Text='<%# Mid(Eval("Overview"),1,100) %>' /></div>
                            <a href="<%# Eval("Id", "Zones.aspx?cid={0}") %>" class="viewmore">View more</a>
                        </div>
                    </ItemTemplate>
                </asp:DataList>
            </div>
        </asp:Panel>
        <asp:Panel ID="plTourDetails" runat="server">
            <div id="accordion">
                <%--Itinerary--%>
                <div class="block itinerary clearfix show">
                    <div class="head clearfix">
                        <span class="icon">Collapse/Expand</span>Itinerary
                    </div>
                    <div class="content clearfix">
                        <asp:Literal ID="ltrDescription" runat="server"></asp:Literal>
                    </div>
                </div>
                <%--Includes--%>
                <div class="block clearfix">
                    <div class="head clearfix">
                        <span class="icon">Collapse/Expand</span>Includes
                    </div>
                    <div class="content clearfix">
                        <asp:Literal ID="ltrIncludes" runat="server"></asp:Literal>
                    </div>
                </div>
                <%--Gallery
            <div class="block clearfix">
                <div class="head clearfix">
                    <span class="icon">Collapse/Expand</span>Image Gallery
                </div>
                <div class="content clearfix">
                    <asp:DataList ID="dlImages2" runat="server" RepeatColumns="4" ItemStyle-VerticalAlign="Top"
                        CellPadding="3">
                        <ItemTemplate>
                            <a href='<%# Eval("Image", "~/Images/Img/{0}") %>' rel="lightbox[1]">
                                <asp:Image ID="imgThumb" runat="server" ImageUrl='<%# Eval("Thumbnail", "Images/Img/{0}") %>'
                                    Width="165px" CssClass="image" /></a>
                        </ItemTemplate>
                    </asp:DataList>
                </div>
            </div>--%>
                <%--Cost
            <div class="block clearfix">
                <div class="head clearfix">
                    <span class="icon">Collapse/Expand</span>Tour Cost
                </div>
                <div class="content clearfix">
                    <div class="cost-panel">
                        <asp:Literal ID="ltrCost2" runat="server"></asp:Literal></div>
                </div>
            </div>--%>
            </div>
        </asp:Panel>
    </div>
    <div class="rightpane">
        <!-- Tour Cost -->
        <div class="block clearfix tour-cost">
            <div class="head clearfix">
                Tour Cost
            </div>
            <div class="content clearfix">
                <div class="cost-panel">
                    <asp:Literal ID="ltrCost" runat="server"></asp:Literal>
                    <asp:Button ID="btnBook" runat="server" CssClass="form-button btn-orange" Text="Book This Tour" />    
                </div>
            </div>
        </div>
        <!-- Tour Gallery -->
        <div class="block clearfix tour-gallery">
            <div class="head clearfix">
                Image Gallery
            </div>
            <div class="content clearfix">
                <asp:DataList ID="dlImages" runat="server" RepeatColumns="2" ItemStyle-VerticalAlign="Top"
                    CellPadding="3">
                    <ItemTemplate>
                        <a href='<%# Eval("Image", "Images/Img/{0}") %>' rel="lightbox[1]" title="Image">
                            <asp:Image ID="imgThumb" runat="server" ImageUrl='<%# Eval("Thumbnail", "Images/Img/{0}") %>'
                                Width="100%" CssClass="image" /></a>
                    </ItemTemplate>
                </asp:DataList>
            </div>
        </div>
    </div>
</asp:Content>
